<template>
  <el-dialog v-model="show" title="详情">
    <JsonViewer :value="codeData" :expand-depth="1" copyable sort theme="dark" />
  </el-dialog>
</template>

<script setup>
import { JsonViewer } from 'vue3-json-viewer';
import 'vue3-json-viewer/dist/index.css';
const codeData = ref({});
const show = ref(false);
defineExpose({ show, codeData });
</script>

<style>
.jv-container.jv-dark {
  height: 100%;
  max-height: auto;
  overflow: auto;
}
</style>
